import * as React from "react"
import Svg, {
  G,
  Rect,
  Path,
  Defs,
  LinearGradient,
  Stop
} from "react-native-svg"
/* SVGR has dropped some elements not supported by react-native-svg: filter */

function Alarm(props) {
  return (
    <Svg
      xmlns="http://www.w3.org/2000/svg"
      width={52}
      height={52}
      viewBox="0 0 52 52"
      fill="none"
      {...props}
    >
      <G filter="url(#filter_69_1001)">
        <Rect
          x={6}
          y={4}
          width={40}
          height={40}
          rx={20}
          fill="url(#linear_fill_69_1001_0)"
        />
      </G>
      <G filter="url(#filter_69_1002)">
        <Rect
          x={10}
          y={8}
          width={32}
          height={32}
          rx={16}
          fill="url(#linear_fill_69_1002_0)"
        />
      </G>
      <Path
        d="M31.76 12.72h-12c-1.12 0-2 .88-2 2v18.56c0 1.12.88 2.08 2.08 2.08h11.92c1.12 0 2.08-.88 2.08-2.08V14.72c0-1.12-.88-2-2.08-2zm-7.92 1.44h4c.16 0 .32.16.32.32s-.16.32-.32.32h-4c-.16 0-.32-.16-.32-.32s.08-.32.32-.32zm1.92 19.6c-.8 0-1.44-.64-1.44-1.44 0-.8.64-1.44 1.44-1.44.8 0 1.44.64 1.44 1.44 0 .8-.64 1.44-1.44 1.44z"
        fill="#FFF"
      />
      <Defs>
        <LinearGradient
          id="linear_fill_69_1001_0"
          x1={15.24}
          y1={4}
          x2={45.99993324279785}
          y2={23.99953866004944}
          gradientUnits="userSpaceOnUse"
        >
          <Stop offset={0} stopColor="#28E1CE" />
          <Stop offset={1} stopColor="#5CD7F2" />
        </LinearGradient>
        <LinearGradient
          id="linear_fill_69_1002_0"
          x1={17.392}
          y1={8}
          x2={41.99994659423828}
          y2={23.99963092803955}
          gradientUnits="userSpaceOnUse"
        >
          <Stop offset={0} stopColor="#28E1CE" />
          <Stop offset={1} stopColor="#5CD7F2" />
        </LinearGradient>
      </Defs>
    </Svg>
  )
}

export default Alarm;
